import React from 'react';
// 登陆页面
import '@/assets/css/login.css'
import { Card,Tabs } from 'antd';
// 密码组件
import NormalLogin from '@/views/login/NormalLogin'
// 验证码组件
import MobileLogin from '@/views/login/MobileLogin'


const onChange = (key) => {
	// console.log(key);
  };
const Index = () => {
	return (
		<div className='login'>
			<Card
				bordered={false}
				style={{
					width: 350,
				}}
				>
				<Tabs
					defaultActiveKey="1"
					onChange={onChange}
					centered={true}
					tabBarGutter={100}
					items={[
						{
							label: `密码登录`,
							key: '1',
							children: <NormalLogin></NormalLogin>,
						},
						{
							label: `短信登陆`,
							key: '2',
							children: <MobileLogin></MobileLogin>,
						},
					]}
				/>
    		</Card>
		</div>
	);
}

export default Index;
